<!DOCTYPE html> 
<html>
<head> 
    <meta charset="UTF-8">  
    <title>第一个表单页面</title>  
</head>

<body>  
    <!--  
    1、  URL后缀：1_11.html?用户名=aaa&密码=bbb
                原因：get请求会将表单数据拼接在URL的查询字符串中传递
    2、  URL后缀：1_11.html
                原因：post请求将数据放在请求体中，不显示在URL里
    3、  URL无变化
                原因：type="button"是普通按钮，默认不触发表单提交
    -->
        <form method="get" action="1_11.html"> <!-- 定义表单，提交方式为get，目标页面为1_11.html -->
        <h3>第一个表单页面</h3> 
        <hr />
        用户名：<input type="text" name="用户名"><br>
        密    码：<input type="password" name="密 码"><br>
           <input type="submit" value="提交">
    </form>
</body>
</html>